<!DOCTYPE html>
<html lang="zh-cmn-Hans" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/styles.css">
    <script src="js/jquery.1.12.4.min.js" charset="UTF-8"></script>
    <script src="js/bootstrap.min.js" charset="UTF-8"></script>
    <script src="js/swiper.min.js" charset="UTF-8"></script>
    <script src="js/global.js" charset="UTF-8"></script>
    <script src="js/jquery.DJMask.2.1.1.js" charset="UTF-8"></script>
    <style>
        /* 在你的样式表中添加以下样式 */

        .rich-text img {
            max-width: 100%; /* 图片的最大宽度为父元素的100% */
            height: auto; /* 保持图片的纵横比例 */
        }

    </style>
    <title>农资商贸销售系统</title>
</head>
<body>
<!-- 顶部tab -->
<div th:replace="~{mall/common :: header}"></div>

<!-- 搜索栏 -->
<div th:replace="~{mall/common :: topSearch}"></div>


<!-- 内页导航栏 -->
<div class="top-nav bg3">
    <div class="nav-box inner">
    </div>
</div>
<div class="content inner">
    <section class="item-show__div item-show__head clearfix">
        <ol class="breadcrumb">
            <li><a href="index">首页</a></li>
            <li><a th:text="${searchText}"></a></li>
        </ol>
        <div class="con-box" th:if="${goodsList.size() > 0}">
            <a th:each="goods : ${goodsList}" th:href="@{'goodsDetail?id=' + ${goods.id}}" class="floor-item">
                <div class="item-img hot-img">
                    <img th:src="${goods.img}" th:alt="${goods.title}" class="cover">
                </div>
                <div class="price clearfix">
                    <span class="pull-left cr fz16" th:text="${'￥'+goods.price}"></span>
                    <span class="pull-right c6" th:text="${goods.title}"></span>
                </div>
                <div class="name ep" th:title="${goods.describe}" th:text="${goods.describe}"></div>
            </a>
        </div>
        <div class="con-box" th:if="${goodsList.size() <= 0}">
            <div class="no-data">
                <p>暂无该商品</p>
            </div>
        </div>
    </section>
</div>

<!-- 右侧菜单 -->
<div th:replace="~{mall/common :: rightNav}"></div>
<!-- 底部信息 -->
<div th:replace="~{mall/common :: footer}"></div>
</body>
</html>